<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta charset="utf-8"/>
<title>现代众车在线--签到活动</title>
<style>
*{margin:0;padding:0;}
body{font-family:微软雅黑;font-size:14px;min-width:1100px;}
p{margin:0;padding:0;}
.sign div{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.wripe{width:1000px;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;}
.sign{background-color:#FEE595;}
.sign-1{width:100%;height:630px;background:url(images/sign/sign_head.jpg) no-repeat center center;}
.sign-2{width:100%;height:895px;}
.sign-2-1{width:100%;height:838px;background:url(images/sign/sign_2.png) no-repeat center center;padding:0 41px;}
.sign-2-1 ul{margin:0;padding:0;list-style:none;width:100%;overflow:hidden;padding-top:125px;}
.sign-2-1 ul li{width:14.28%;font-size:20px;color:#323232;line-height:35px;float:left;text-align:center;}
.sign-2-1-1{overflow:hidden;}
.sign-date{width:44px;height:45px;background:url(images/sign/sign_12.png) no-repeat center center;float:left;font-size: 18px;text-align: center;line-height: 45px;margin:44px 43px 0;position:relative;}
.sign-date p{font-size:14px;color:#E10B1B;display:none;width:100px;text-align:center;position:absolute;bottom:-38px;left:-28px;}
.sign-date p i{font-style:normal;color:#E10B1B;}
.sign-date-1{width:48px;height:69px;background:url(images/sign/sign_5.png) no-repeat top center;position:absolute;top:-2px;left:-2px;display:none;}
.sign-date-2{width:41px;height:60px;background:url(images/sign/sign_13.png) no-repeat center center;position:absolute;top:-7px;right:-48px;;display:none;}
.sign-submit{width:211px;height:53px;text-align:center;line-height:53px;font-size:30px;color:#7C3F13;margin:70px auto 22px;background:url(images/sign/sign_6.png) no-repeat center center;clear:both;cursor:pointer;}
.sign-2-1 .sign-p1{width:100%;text-align:center;color:#323232;font-size:16px;}
.sign-p1 i{color:#FE3C00;text-decoration:underline;font-style:normal;margin:0 5px;}
.sign-p1 button{width:112px;height:30px;text-align: center;line-height: 25px;background-color:#FEF9E0;border:1px solid #ff4840;color:#ff4840;font-size: 16px;font-weight:bold;border-radius:4px;cursor: pointer;}
.sign-p1 button:hover{background-color: #ff4840;color:#fff;}
#sign_nologin{display:none;}




.sign-3{width:100%;height:846px;background:url(images/sign/sign_7.png) no-repeat center center;}
.sign-3-1{text-align:center;}
.sign-3 .turntable-bg{float:left;margin-top:68px;}
.sign-3 .sign-3-2{width:343px;height:513px;background:url(images/sign/sign_10.png) no-repeat top right;float:right;margin-top:128px;}
.sign-3-2 h3{font-size:20px;color:#fff;width:100%;text-align:center;line-height:45px;}
.sign-3-2-1{overflow:hidden;padding:0 65px;}
.sign-3-2-1 .span1{float:left;color:#d01b21;line-height:60px;font-size:16px;font-weight:bold;}
.sign-3-2-1 .span2{float:right;color:#d01b21;line-height:60px;font-size:16px;font-weight:bold;}
.sign-3-2-2{padding:0 65px;}
.sign-3-2-2 ul{margin:0;padding:0;list-style:none;height:410px;overflow-y:auto;}
.sign-3-2-2 ul li{color:#8e5a17;font-size:14px;line-height:35px;}


.sign-4{width:100%;height:488px;}
.sign-4 h3{color:#c40000;font-size:36px;line-height:90px;border-bottom:1px dashed #AF8341;margin-top:40px;margin-bottom:15px;}
.sign-4 p{color:#8e5a17;font-size:16px;line-height:38px;margin-top:7px;}
.sign-4 p i{font-style:normal;display:inline-block;width:14px;height:14px;border-radius:7px;border:1px solid #8e5a17;text-align:center;line-height:14px;margin-right:10px;font-size:14px;}

.sign-5{width:100%;height:225px;background-color:#F4B430;}
.sign-5-1{width:395px;height:100px;float:left;border-right:1px solid #D79716;text-align:right;margin-top:60px;}
.sign-5-1 img{margin-right:30px;}
.sign-5-2{width:500px;height:100px;float:left;border-left:1px solid #FBC85B;color:#fff;margin-top:60px;padding-left:25px;}
.sign-5-2 .p1{font-size:22px;line-height:45px;}
.sign-5-2 .p2{font-size:16px;line-height:22px;}

.sign-right{width:215px;height:480px;position:fixed;right:5%;top:50%;margin-top:-250px;background:url(images/sign/sign_3.png) no-repeat top center;z-index: 10000;}
.sign-right ul{margin:0;padding:0;list-style:none;margin-left:50px;margin-top:100px;}
.sign-right ul li{line-height:38px;text-align:center;}
.sign-right ul li a{display:block;font-size:16px;color:#5B2607;text-decoration:none;font-weight:bold;}
.sign-right ul li a:hover{text-decoration:underline;}
.sign-erweima{width:130px;height:150px;text-align:center;background-color:#F5B529;font-size:11px;color:#5B2607;position:relative;margin-top:3px;margin-left:64px;padding-top:5px;}
.sign-fenxiang{width:64px;height:74px;text-align:center;line-height:80px;background:url(images/sign/sign_4.png) no-repeat center center;position:absolute;top:140px;left:34px;font-size:18px;font-weight:bold;cursor:pointer;}
.sign-fenxiang:hover .sign-fenxiang-1{display:block;}
.sign-fenxiang-1{width:100px;position:absolute;top:12px;left:-100px;background-color:#FFEFD9;display:none;}
.sign-fenxiang-1 a{display:block;width:100%;margin:5px 0;margin-left:7px;color: #5B2607;font-size: 12px;line-height:30px;}
.sign-fenxiang-1 a:hover{background-color:#EAE0D1;}
.sign-fenxiang-1 span{display:inline-block;width:36px;height:34px;background:url(images/sign/fenxiangtubiao.png) no-repeat;vertical-align:middle;}
.sign-fenxiang-1 .jiathis_button_qzone span{background-position:0px -31px;}
.sign-fenxiang-1 .jiathis_button_tsina span{background-position:0px 2px;}
.sign-fenxiang-1 .jiathis_button_tqq span{background-position:0px -1760px;height:32px;}
.sign-fenxiang-1 .jiathis_button_weixin span{background-position:0px -3680px;height:32px;}
.sign-fenxiang-1 .jiathis_button_renren span{background-position:0px -64px;height:32px;}
.sign-fenxiang-1 i{display:inline-block;width:50px;font-style:normal;vertical-align:middle;}
.bshare-custom.icon-medium-plus a{padding-left:10px!important;}


.turntable-bg {
  width: 650px;
  height: 677px;
  margin: 0 auto;
  position: relative;
  background: url("images/sign/turntable_bg.png") no-repeat center center;
}
.turntable-bg .mask {
  width: 454px;
  height: 451px;
  position: absolute;
  left: 116px;
  top: 60px;
  /*z-index:9;*/
}
.turntable-bg .pointer {
  width: 155px;
  height: 256px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -77px;
  margin-top: -180px;
  z-index: 8;
  cursor:pointer;
}
.turntable-bg .rotate {
  width: 450px;
  height: 450px;
  position: absolute;
  left: 40px;
  top: 27px;
}
</style>


</head>
<body>
<div class="sign">
	<div class="sign-right">
		<ul>
			<li id="sign-right-1"><a href="javascript:;">每日一签</a></li>
			<li id="sign-right-2"><a href="javascript:;">幸运一把</a></li>
			<li id="sign-right-3"><a href="javascript:;">活动规则</a></li>
			<li id="sign-right-4"><a href="javascript:;">奖品详情</a></li>
			<li id="sign-right-5"><a href="javascript:;">返回顶部</a></li>
		</ul>
		<div class="sign-erweima">
			<img src="images/sign/sign_9.png"/>
			<p>扫一扫</p>
			<p>了解更多的理财攻略</p>
			<div class="sign-fenxiang">分享
				
				<div class="bshare-custom icon-medium-plus"><div class="sign-fenxiang-1">
					<a title="分享到微信" class="bshare-weixin" href="javascript:void(0);">微信</a>
					<a title="分享到QQ空间" class="bshare-qzone">Qzone</a>
					<a title="分享到新浪微博" class="bshare-sinaminiblog">新浪微博</a>
					<a title="分享到腾讯微博" class="bshare-qqmb">QQ微博</a>
				</div>
				</div>
			</div>
		</div>
	</div>
	<div class="sign-1"></div>
	<div class="sign-2" id="sign-2">
		<div class="wripe">
			<div class="sign-2-1">
				<ul>
					<li>星期一</li>
					<li>星期二</li>
					<li>星期三</li>
					<li>星期四</li>
					<li>星期五</li>
					<li>星期六</li>
					<li>星期日</li>
				</ul>
				<div class="sign-2-1-1">
					<div class="sign-date" style="margin-left:436px;"><span>16</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>17</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>18</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>19</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>20</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>21</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>22</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>23</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>24</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>25</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>26</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>27</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>28</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>29</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>30</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>1</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>2</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>3</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>4</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>5</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>6</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>7</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>8</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>9</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>10</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>11</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>12</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>13</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>14</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
					<div class="sign-date"><span>15</span><div class="sign-date-1"></div><div class="sign-date-2"></div><p>已签+<i>5</i></p></div>
				</div>
				<div class="sign-submit" onclick="signSubmit()">签到</div>
				<p class="sign-p1" id="sign_logined">您签到的体验金为：<i>125</i>元，<i>0</i>次抽奖机会</p>
				<p class="sign-p1" id="sign_nologin"><button type="button">登录</button></p>
			</div>
		</div>
	</div>
	<div class="sign-3">
		<div class="wripe">
			<div class="sign-3-1"><img src="images/sign/sign_8.png"/></div>
			<div class="turntable-bg">
				<!--<div class="mask"><img src="images/award_01.png"/></div>-->
				<div class="pointer"><img src="images/sign/pointer.png" alt="pointer"/></div>
				<div class="rotate" ><img id="rotate" src="images/sign/turntable.png" alt="turntable"/></div>
			</div>
			<div class="sign-3-2">
				<h3>获奖记录</h3>
				<div class="sign-3-2-1">
					<span class="span1">手机号</span>
					<span class="span2">奖品</span>
				</div>
				<div class="sign-3-2-2">
					<ul>
						<li>134***--------------------iphone</li>
						<li>134***--------------------iphone</li>
						<li>134***--------------------iphone</li>
						<li>134***--------------------iphone</li>
						<li>134***--------------------iphone</li>
						<li>134***--------------------iphone</li>
						<li>134***--------------------iphone</li>
						<li>134***--------------------iphone</li>
						<li>134***--------------------iphone</li>
						<li>134***--------------------iphone</li>
						
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="sign-4">
		<div class="wripe">
			<h3>活动规则</h3>
			<p><i>1</i>此活动只允许平台会员参加。</p>
			<p><i>2</i>用户第1天签到，可获得10元体验金；第2天签到，可获15元；第3天签到，可获得20元；第4天签到，可获得25元；第5天签到，可获得30元；第6天签到，可获得35元；第7天签到，可获得35元……以此类推，连续第10天签到，累计共获得275元体验金，并获得1次抽奖机会； </p>
			<p><i>3</i>连续签到20天，可获得2次抽奖机会； 连续签到30天，可获得4次抽奖机会；</p>
			<p><i>4</i>若在此期间用户未连续签到，系统将自动从第1天计算签到金额；</p>
			<p><i>5</i>推荐好友注册，可获得2次抽奖机会；</p>
			<p><i>6</i>此活动时间期限为2016年6月16日至2016年7月16日； </p>
			<p><i>7</i>本活动最终解释权归现代众车在线（深圳）金融信息服务有限公司所有。</p>
		</div>
	</div>
	<div class="sign-5">
		<div class="wripe">
			<div class="sign-5-1"><img src="images/sign/sign_logo.png"/></div>
			<div class="sign-5-2">
				<p class="p1">现代众车在线（深圳）金融信息服务有限公司</p>
				<p class="p2">客服热线：400-162-9988</p>
				<p class="p2">公司网址：www.zhongchezaixian.com</p>
			</div>
		</div>
	</div>
</div>


<script src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/awardRotate.js"></script>
<script type="text/javascript">
$(function (){

	var rotateTimeOut = function (){
		$('#rotate').rotate({
			angle:0,
			animateTo:2160,
			duration:8000,
			callback:function (){
				alert('网络超时，请检查您的网络设置！');
			}
		});
	};
	var bRotate = false;

	var rotateFn = function (awards, angles, txt){
		bRotate = !bRotate;
		$('#rotate').stopRotate();
		$('#rotate').rotate({
			angle:0,
			animateTo:angles+1800,
			duration:8000,
			callback:function (){
				alert(txt);
				bRotate = !bRotate;
			}
		})
	};

	$('.pointer').click(function (){

		if(bRotate)return;
		var item = rnd(0,9);

		switch (item) {
			case 0:
				
				rotateFn(0, 16, '200元体验金');
				break;
			case 1:
				
				rotateFn(1, 52, 'Apple Watch');
				break;
			case 2:
				
				rotateFn(2, 88, '30元话费');
				break;
			case 3:
				
				rotateFn(3, 124, '100元体验金');
				break;
			case 4:
				
				rotateFn(4, 160, '小米运动手环');
				break;
			case 5:
				
				rotateFn(5, 196, '精美杯子');
				break;
			case 6:
				
				rotateFn(6, 232, '陶瓷套装餐具');
				break;
			case 7:
				
				rotateFn(7, 268, '300元体验金');
				break;
			case 8:
			
				rotateFn(8, 304, '50元话费');
				break;
			case 9:
			
				rotateFn(9, 340, 'iphone 6s');
				break;
		}

		console.log(item);
	});
});
function rnd(n, m){
	return Math.floor(Math.random()*(m-n+1)+n)
}
$("#sign-right-1").click(function(){
	$("body,html").animate({scrollTop:630},500);
})
$("#sign-right-2").click(function(){
	$("body,html").animate({scrollTop:1525},500);
})
$("#sign-right-3").click(function(){
	$("body,html").animate({scrollTop:2859},500);
})
$("#sign-right-5").click(function(){
	$("body,html").animate({scrollTop:0},500);
})


var date=new Date;
var month=date.getMonth()+1;
var day=date.getDate();
function signSubmit(){
	$(".sign-date").each(function(){
		if($(this).find("span").text()==day){
			if($(this).find(".sign-date-1").css("display")=="block"){
				alert("您今天已经签到啦！");
			}
			$(this).find(".sign-date-1").show();
			$(this).find("p").show();
			
		}
	});
}


</script>

</body>
</html>